﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--第三方的css-->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!--自己的less样式-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/category.css">
</head>

<body>
    <!--头部-->
    <header id="header">
        <a class="logo" href="./">
            <img src="picture/header_logo.png" alt="">
        </a>
        <a class="app" href="">
            <img src="picture/header_app.png" alt="">
        </a>
    </header>
    <!--搜索框-->
    <section id="search">
        <form action="">
            <input type="search" placeholder="请输入你想比价的商品">
            <input type="submit" value="搜索">
        </form>
    </section>
    <section id="category">
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
        </div>
    </section>
    <!--尾部-->
    <!--尾部区域-->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="">注册</a>
            </div>
            <div class="col-xs-4">
                <a href=""><img src="picture/top.jpg" alt="">返回顶部</a>
            </div>
        </div>
        <p><a href="">手机app下载 </a><a href="">慢慢买手机版 </a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>
</body>
<!--第三方js-->
<!--分类标题模板-->
<script id="categoryBox" type="text/html">
    {{each result as value i}}
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="heading{{i}}">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-titleid="{{value.titleId}}" data-parent="#accordion" href="#collapse{{i}}" aria-expanded="true"
                    aria-controls="collapse{{i}}">
                    {{value.title}}
                    </a>
            </h4>
        </div>
        <div id="collapse{{i}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{i}}">
            <div class="panel-body">
                <div class="row">
                </div>
            </div>
        </div>
    </div>
    {{/each}}
</script>
<!--分类列表-->
<script id="categoryListTpl" type="text/html">
    {{each result as value i}}
    <div class="col-xs-4"> <a href="productlist.html?categoryid={{value.categoryId}}&category={{value.category}}">{{value.category}}</a></div>
    {{/each}}
</script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/template.js"></script>
<!--自己的index.js-->
<script src="js/category.js"></script>

</html>